﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Team-Blackcurrant-SinglePageApp</title>
    <!-- Region external JS libraries -->
    <script src="libs/jquery-2.0.2.min.js"></script>
    <script src="libs/knockout-2.2.1.js"></script>
    <script src="libs/protoClass.js"></script>
    <script src="libs/mongoLab.js"></script>
    <script src="libs/jquery-ui/ui/jquery-ui.js"></script>
    <script src="libs/kendo.web.js"></script>
    <script src="scripts/knockout.simpleGrid.js"></script>

    <!-- Region for our scripts -->
    <script src="scripts/TripDetails.js"></script>
    <script src="scripts/testMongoDBConnection.js"></script>
    <script src="scripts/dbModule.js"></script>
    <script src="scripts/DataManagerModule.js"></script>

    <!-- Region for Kendo UI widgets style -->

    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <link href="styles/kendo.common.min.css" rel="stylesheet" />



    <!-- Region for our styles -->
    <!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,300' rel='stylesheet' type='text/css'>-->
    <!-- This is a fix for non-cyrillic OS and Mozilla and Safari -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400,300&subset=latin,cyrillic' rel='stylesheet' type='text/css' />
    <link href="styles/style.css" rel="stylesheet" />
</head>

<body>
    <!-- Main container -->
    <div id="container">
        <section id="header">
            <header>
                <h1>
                    <a href="index.html">Prevoz.com</a>
                </h1>
            </header>
            <section id="indexButtons">
                <button id="searchTransportation" class="k-button">Търси превоз</button>
                <button id="offerTransportation" class="k-button">Добави превоз</button>
            </section>
        </section>

        <section id="content">
        </section>

        <footer>
            <!-- Facebook - at data-href attribute place as value the full path to the suitable FB page -->
            <script>
                (function (d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id))
                        return;
                    js = d.createElement(s);
                    js.id = id;
                    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));
            </script>
            <div class="fb-like" data-href="#" data-send="true" data-width="450" data-show-faces="false" data-font="trebuchet ms" data-action="recommend"></div>
            <!-- End of Facebook region -->
        </footer>
    </div>

    <script>
        $("#searchTransportation").click(function () {
            $("#content").load("searchForm.html");
        })

        $("#offerTransportation").click(function () {
            $("#content").load("offerForm.html");
        })
    </script>
</body>
</html>
<!-- TODO: delete offer after the depature date expires -->
